.farris-nav{
    &-item{
        &-link{
            border-bottom: 2px solid transparent;
            &-text{
                color: $f-text-03;
            }
        }
        &.active{
            .farris-nav-item-link{
                border-color: $f-theme-03;
                &-text{
                    color: $f-theme-03;
                }
            }
        }
        &.disabled{
            .farris-nav-item-link{
                &-text{
                    color: $f-text-07;
                }
            }
        }
        &:hover:not(.disabled):not(.active){
            .farris-nav-item-link{
                &-text{
                    color: $f-theme-05;
                }
            }
        }
        &-tag{
            background-color: $f-semantic-danger-01;
        }
    }
}